<!DOCTYPE html>
<html>
<meta charset="utf-8"></meta>
<title>jQuery File Upload Example</title>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 引入 jQuery-File-Upload -->
<script
        src="https://cdn.bootcss.com/blueimp-file-upload/9.21.0/js/vendor/jquery.ui.widget.js"></script>
<script
        src="https://cdn.bootcss.com/blueimp-file-upload/9.21.0/js/jquery.iframe-transport.js"></script>
<script
        src="https://cdn.bootcss.com/blueimp-file-upload/9.20.0/js/jquery.fileupload.js"></script>

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script
        src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- bootstrap just to have good looking page -->
<link
        href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
        rel="stylesheet"></link>
<link href="/css/dropzone.css">
<!-- we code these -->


</head>
<body>
<div style="width: 500px; padding: 20px">
    <input id="" type="file" name="files[]"
           data-url="files/upload" multiple>
    <div id="dropzone" class="fade well">请将要上传的文件拖拽至此处！</div>
    <div id="progress">
        <div style="width: 0%;"></div>
    </div>

    <table id="uploaded-files">
        <tr>
            <th>名称</th>
            <th>类型</th>
            <th>大小</th>
        </tr>
    </table>
</div>
</body>
</html>
